<template>
  <div>
    <el-dialog
      :title="title"
      @close="cancel"
      :visible.sync="dialogVisible"
      width="50%">
      <el-form ref="form" :model="form" :rules="rules" label-width="130px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="选择门店" prop="shopIds"
                          v-if="dialogVisible">
              <el-select v-model="form.storeObj"
                         value-key="deptId"
                         clearable placeholder="请选择门店">
                <el-option
                  v-for="item in branchOptions"
                  :key="item.id"
                  :label="item.name"
                  :value="item"
                  :disabled="item.status == 0"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="车牌号" prop="carnum">
              <el-input v-model="form.carnum" placeholder="请输入车牌号"/>
            </el-form-item>
          </el-col>
          </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="车辆名称" prop="name">
              <el-input v-model="form.name" placeholder="请输入车辆名称"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="车龄" prop="vehicleAge">
              <el-input v-model="form.vehicleAge" placeholder="请输入车龄"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="所属品牌">
              <el-select v-model="form.brand" clearable placeholder="请选择所属品牌">
                <el-option
                  v-for="dict in dict.type.vehicle_brand"
                  :key="Number(dict.value)"
                  :label="dict.label"
                  :value="Number(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="颜色" prop="colour">
              <el-input v-model="form.colour" placeholder="请输入颜色"/>
            </el-form-item>
          </el-col>
          </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="汽车排量" prop="displacement">
              <el-input v-model="form.displacement" placeholder="请输入汽车排量"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="核载人数" prop="num">
              <el-input v-model.number="form.num" placeholder="请输入核载人数"/>
            </el-form-item>
          </el-col>
          </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="车身结构">
              <el-radio-group v-model="form.structure">
                <el-radio
                  v-for="dict in dict.type.vehicle_structure"
                  :key="Number(dict.value)"
                  :label="Number(dict.value)"
                >{{ dict.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="变速箱" prop="grarbox">
              <el-radio-group v-model="form.grarbox">
                <el-radio
                  v-for="dict in dict.type.vehicle_grarbox"
                  :key="Number(dict.value)"
                  :label="Number(dict.value)"
                >{{ dict.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="车架号" prop="frameNumber">
              <el-input v-model="form.frameNumber" placeholder="请输入车架号"/>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="日租金（元）" prop="money">
              <el-input v-model="form.money" placeholder="请输入日租金"/>
            </el-form-item>
          </el-col>
          </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="是否开启续租">
              <el-radio-group v-model="form.openXz">
                <el-radio
                  v-for="dict in dict.type.vehicle_open_xz"
                  :key="Number(dict.value)"
                  :label="Number(dict.value)"
                >{{ dict.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否支持免押">
              <el-radio-group v-model="form.depositway">
                <el-radio
                  v-for="dict in dict.type.vehicle_depositway"
                  :key="Number(dict.value)"
                  :label="Number(dict.value)"
                >{{ dict.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="限时活动价格" prop="actMoney">
              <el-input v-model="form.actMoney" placeholder="如无活动可不填"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="车辆押金（元）" prop="deposit">
              <el-input v-model="form.deposit" placeholder="0为不需要押金"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="汽车类型" prop="cartype">
              <el-select v-model="form.cartype" clearable placeholder="请选择汽车类型">
                <el-option
                  v-for="dict in dict.type.vehicle_type"
                  :key="Number(dict.value)"
                  :label="dict.label"
                  :value="Number(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="手续费" prop="fee">
              <el-input v-model="form.fee" placeholder="请输入手续费"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="基础服务费" prop="serviceFee">
              <el-input v-model="form.serviceFee" placeholder="请输入基础服务费"/>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="尊享服务费" prop="zxServiceFee">
              <el-input v-model="form.zxServiceFee" placeholder="请输入尊享服务费"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="是否推荐到首页">
              <el-radio-group v-model="form.rec">
                <el-radio
                  v-for="dict in dict.type.vehicle_rec"
                  :key="Number(dict.value)"
                  :label="Number(dict.value)"
                >{{ dict.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否热门车">
              <el-radio-group v-model="form.hot">
                <el-radio
                  v-for="dict in dict.type.vehicle_hot"
                  :key="Number(dict.value)"
                  :label="Number(dict.value)"
                >{{ dict.label }}
                </el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="车辆禁止区域" prop="prohibitedAreas">
              <el-cascader
                v-model="form.areaCity"
                clearable
                :options="citydata"
                :props="{
                  expandTrigger: 'hover',
                  children: 'children',
                  label: 'name',
                  value: 'id',
                  checkStrictly:'true'
                 }"
                :show-all-levels="true"
              ></el-cascader>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="送车上门服务费" prop="sendServiceFee">
              <el-input v-model="form.sendServiceFee" placeholder="请输入送车上门服务费"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="上门取车服务费" prop="pickServiceFee">
              <el-input v-model="form.pickServiceFee" placeholder="请输入上门取车服务费"/>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="个人提成费用" prop="personComExpen">
              <el-input v-model="form.personComExpen" placeholder="请输入个人提成费用"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
        <el-col :span="12">
            <el-form-item label="附加费用" prop="additionalFees">
              <el-input v-model="form.additionalFees" placeholder="请输入附加费用"/>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="违章押金（元）" prop="violationDeposit">
              <el-input v-model="form.violationDeposit" placeholder="0为不需要押金"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="是否租车" prop="isRental">
              <el-select v-model="form.isRental" clearable placeholder="请选择">
                <el-option
                  v-for="dict in dict.type.veh_isrental"
                  :key="Number(dict.value)"
                  :label="dict.label"
                  :value="Number(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="车辆来源" prop="vehicleDisting">
              <el-select v-model="form.vehicleDisting" clearable placeholder="请选择车辆来源">
                <el-option
                  v-for="dict in dict.type.vehicle_source"
                  :key="Number(dict.value)"
                  :label="dict.label"
                  :value="Number(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12" v-if="form.vehicleDisting==1">
            <el-form-item label="供应商单位" prop="isChartered">
              <el-select v-model="form.supplierUnitId" clearable placeholder="请选择">
                <el-option
                  v-for="dict in supplierUnitList"
                  :key="Number(dict.value)"
                  :label="dict.label"
                  :value="Number(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否包车" prop="isChartered">
              <el-select v-model="form.isChartered" clearable placeholder="请选择">
                <el-option
                  v-for="dict in dict.type.veh_chartered"
                  :key="Number(dict.value)"
                  :label="dict.label"
                  :value="Number(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="车辆简介">
          <editor v-model="form.content" :min-height="100"/>
        </el-form-item>
        <el-form-item label="车辆主图" prop="pic">
          <div class="text-center">
            <vehicleImg ref="vehicleImg"/>
          </div>
        </el-form-item>

        <el-form-item label="车辆行驶证" prop="vehicleDrivingUrl">
          <div class="text-center">
            <vehicleDrivingImg ref="vehicleDrivingImg"/>
          </div>
        </el-form-item>

        <el-form-item label="车辆保险照片" prop="vehicleInsuranceUrl">
          <div class="text-center">
            <vehicleInsuranceImg ref="vehicleInsuranceImg"/>
          </div>
        </el-form-item>

        <el-form-item label="车辆年检照片" prop="vehicleCheckUrl">
          <div class="text-center">
            <vehicleCheckImg ref="vehicleCheckImg"/>
          </div>
        </el-form-item>

        <el-form-item label="车辆图片" prop="vehpics">
          <el-upload
            ref="upload"
            action="#"
            :http-request="uploadFileceshi"
            :before-upload="beforeUploadceshi"
            :auto-upload="true"
            :limit="10"
            :on-exceed="handleExceedceshi"
            v-model="form.vehpics">
            <el-button size="small" type="primary">
              新增车辆图片
              <i class="el-icon-upload el-icon--right"></i>
            </el-button>
            <template slot-scope="scope">
              <el-link>{{ scope.row.vehpics }}</el-link>
            </template>
          </el-upload>

          <el-button @click="handlePreviewceshi" title="预览图片">预览图片</el-button>
          <el-dialog title="图片预览" :visible.sync="previewDialogVisibleceshi" width="60%">
            <el-carousel type="card" :interval="5000" style="z-index: 100">
              <el-carousel-item v-for="(item, index) in previewImageListceshi" :key="index">
                <el-image :src="item.src" style="width: 100%;height: 100%;"/>
              </el-carousel-item>
            </el-carousel>
          </el-dialog>
        </el-form-item>
        <el-input v-show="false" v-model="form.pic"></el-input>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import {storesRoleList} from "@/api/merchant/stores";
import vehicleImg from "@/views/vehicle/computed/vehicleImg.vue";
import vehicleDrivingImg from "@/views/vehicle/computed/vehicleDrivingImg.vue";
import vehicleInsuranceImg from "@/views/vehicle/computed/vehicleInsuranceImg.vue";
import vehicleCheckImg from "@/views/vehicle/computed/vehicleCheckImg.vue";
import {getCityList} from "@/api/option";
import {isVehicleNumber} from "@/utils/utils";
import {addCar, updateCar, uploadVehicleAttachs} from "@/api/merchant/car";
import {listVehsupplierunit} from "@/api/supplerunit/vehsupplierunit";

export default {
  name: "addVehicle",
  components: {vehicleInsuranceImg, vehicleDrivingImg, vehicleImg, vehicleCheckImg},
  dicts: ['vehicle_status', 'vehicle_structure', 'vehicle_type', 'vehicle_grarbox', 'veh_isrental', 'veh_chartered', 'vehicle_brand', 'vehicle_rec', 'vehicle_hot', 'vehicle_open_xz', 'vehicle_depositway', 'vehicle_source', 'representative'],
  created() {
    this.init()
  },
  data() {
    return {
      title: '新增车辆',
      deviceOptions: [],
      previewDialogVisibleceshi: false,
      attachFilesceshi: [],
      previewImageListceshi: [],
      dialogVisible: false,
      shop_status: [],
      shop_ranges: [],
      citydata: [],
      rules: {
        isRental: [{required: true, message: "租车自驾选项为必填项目", trigger: "blur"},],
        isChartered: [{required: true, message: "包车赔驾选项为必填项目", trigger: "blur"},],
        carnum: [
          {required: true, message: "请填写车牌号", trigger: "blur"},
          {
            validator: this.validateCarNumber,
            trigger: "blur",
          },
        ],
        shopIds: [
          {required: true, message: "请选择门店", trigger: "blur"}
        ],
        name: [
          {required: true, message: "车辆名称不能为空", trigger: "blur"}
        ],
        colour: [
          {required: true, message: "颜色不能为空", trigger: "blur"}
        ],
        grarbox: [
          {required: true, message: "请选择变速箱", trigger: "blur"}
        ],
        cartype: [
          {required: true, message: "请选择汽车类型", trigger: "blur"}
        ],
        num: [
          {required: true, message: "核载人数不能为空", trigger: "blur"},
          {type: 'number', message: '核载人数必须为数字值', trigger: 'blur'}
        ],
        /* pic: [
           { required: true, message: "请上传车辆主图", trigger: "blur" }
         ],*/
        content: [
          {required: true, message: "车辆简介不能为空", trigger: "blur"}
        ],
        money: [
          {validator: this.validateAmount, trigger: 'blur'}
        ],
        actMoney: [
          {validator: this.validateActAmount, trigger: 'blur'}
        ],
        deposit: [
          {validator: this.validateDepoAmount, trigger: 'blur'}
        ],
        fee: [
          {validator: this.validateFeeAmount, trigger: 'blur'}
        ],
        serviceFee: [
          {validator: this.valServiceFeeAmount, trigger: 'blur'}
        ],
        zxServiceFee: [
          {validator: this.valZxServiceFeeAmount, trigger: 'blur'}
        ],
        violationDeposit: [
          {validator: this.valViolationAmount, trigger: 'blur'}
        ],
        sendServiceFee: [
          {validator: this.valSendServiceFee, trigger: 'blur'}
        ],
        pickServiceFee: [
          {validator: this.valPickServiceFee, trigger: 'blur'}
        ],
        vehicleDisting: [
          {required: true, message: "车辆来源不能为空", trigger: "blur"}
        ]
      },
      branchOptions: [],
      supplierUnitList: [],
      isCheck: '1',
      form: {
        areaCity: '',
        vehicleDisting: '',
        supplierUnitId: '',
        storeObj: null,
        frameNumber: null,
        id: null,
        uniacid: null,
        sid: null,
        name: null,
        carnum: null,
        colour: null,
        structure: null,
        grarbox: null,
        displacement: null,
        num: null,
        pic: null,
        content: null,
        moneytype: null,
        money: null,
        cartype: null,
        fee: null,
        serviceFee: null,
        zxServiceFee: null,
        rec: null,
        hot: null,
        createtime: null,
        status: null,
        actMoney: null,
        isDel: null,
        subscribeDuration: null,
        openXz: null,
        depositway: null,
        deposit: null,
        distributionOpen: null,
        distributionCommissiontype: null,
        firstmoney: null,
        secondmoney: null,
        thirdmoney: null,
        shopIds: null,
        vehpics: '',
        violationDeposit: null,
        sendServiceFee: null,
        pickServiceFee: null
      }
    }
  },
  methods: {
    //上传图片错误方法,公用
    handleExceedceshi(files, fileList) {
      this.$message.warning(`当前限制选择 ${this.limit} 个文件，本次选择了 ${files.length} 个文件，已自动过滤多余的文件。`);
    },
    init() {
      storesRoleList({
        pageNum: 1,
        pageSize: 100,
      }).then(res => {
        if (res.code == 200) {
          this.branchOptions = res.rows
        }
      })
      // 获取省市区三级
      getCityList({pid: 0}).then(response => {
        this.citydata = response.data;
      });
      listVehsupplierunit({pageNum: 1, pageSize: 100}).then(response => {
        let info = response.rows
        this.supplierUnitList = []
        for (let i = 0; i < info.length; i++) {
          if (info[i].unitType == 0) {
            this.supplierUnitList.push({label: info[i].personName, value: info[i].id})
          } else {
            this.supplierUnitList.push({label: info[i].supplierUnitName, value: info[i].id})
          }
        }
      });
    },
    beforeUploadceshi(fileObj) {
      this.attachFilesceshi.push(fileObj);
      console.log(this.attachFilesceshi + " this.attachFilesceshi")
      return fileObj;
    },
    //上传图片方法,需要改一下字段名字
    uploadFileceshi() {
      if (!this.attachFilesceshi || this.attachFilesceshi.length === 0) {
        this.message.warning("请选择文件!");
        return;
      }
      let formData = new FormData();
      for (let i = 0; i < this.attachFilesceshi.length; i++) {
        formData.append("files", this.attachFilesceshi[i]);
      }
      console.log(formData); // 调试用，确认 formData 中包含多个键值对
      uploadVehicleAttachs(formData).then((res) => {
        console.log(`服务端返回数据：${res}`);
        let urls = res.urls.split(","); // 将返回的字符串用逗号分隔开，得到多个 URL
        const lastUrlIndex = urls.length - 1; // 记录最后一个 URL 的下标
        let separator = ''; // 初始化一个分隔符
        if (this.form.vehpics && this.form.vehpics != '') { // 判断变量中是否已经有了 URL
          separator = ','; // 如果有，则将分隔符设置为逗号
        } else {
          this.form.vehpics = '';
        }
        for (let i = 0; i < urls.length; i++) {
          let url = urls[i].trim(); // 去除 URL 中的空格
          this.form.vehpics += separator + process.env.VUE_APP_BASE_API + url; // 使用分隔符将 URL 拼接到变量中
          separator = ','; // 将分隔符设置为逗号，以便处理下一个 URL
        }
        console.log("this.form.vehpics" + this.form.vehpics);
        this.$message.success("附件上传成功!");
        // 清空表单数据及界面
        this.attachFilesceshi = []
      }).catch((error) => {
        console.error(`附件上传失败：${error}`);
        this.$message.error("附件上传失败!");
        this.attachFilesceshi = []; // 清空数组
      });
    },
    handlePreviewceshi() {
      if (this.form.vehpics) {
        let urls = this.form.vehpics.split(",");
        console.log("urls" + "分割" + urls)
        if (urls.length > 0) {
          // 过滤掉不合法的 URL
          urls = urls.filter((url) => {
            return url.trim().length > 0; // 过滤掉空白字符串或者不合法的 URL
          });
          // 初始化预览图片列表
          this.previewImageListceshi = [];
          urls.forEach((url) => {
            this.previewImageListceshi.push({
              src: url
            });
          });
          // 打开图片预览弹窗
          this.previewDialogVisibleceshi = true;
        }
      }
    },
    submitForm() {
      // 获取图片及门店信息的值
      this.form.deptId = this.form.storeObj.deptId
      this.form.sid = this.form.storeObj.id
      this.form.pic = this.$refs.vehicleImg.options.img;
      this.form.vehDrivingPic = this.$refs.vehicleDrivingImg.options.img;
      this.form.vehInsurancePic = this.$refs.vehicleInsuranceImg.options.img;
      this.form.vehCheckPic = this.$refs.vehicleCheckImg.options.img;
      this.form.province = this.form.areaCity[0]
      this.form.city = this.form.areaCity[1]
      this.form.area = this.form.areaCity[2]

      console.log('打印新增车辆信息', this.form)
      if (this.form.id) {
        updateCar(this.form).then(res => {
          this.$message({
            message: '车辆修改成功',
            type: 'success'
          });
          this.dialogVisible = false
        })
        this.$emit('update')
      } else {
        addCar(this.form).then(res => {
          this.$message({
            message: '车辆添加成功',
            type: 'success'
          });
          this.dialogVisible = false
          this.$emit('update')
          window.parent.location.reload()
        })
      }
    },
    // 校验
    validateCarNumber(rule, value, callback) {
      if (isVehicleNumber(value)) {
        callback();
      } else {
        return callback(new Error("车牌号不正确"));
      }
    },
    validateAmount(rule, value, callback) {
      // 自定义校验函数的实现
      if (isNaN(value) || value < 0) {
        callback(new Error('金额必须是数字'))
      } else {
        callback()
      }
    },
    validateActAmount(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('限时活动价格必须是数字'))
      } else {
        callback()
      }
    },
    validateDepoAmount(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('车辆押金必须是数字'))
      } else {
        callback()
      }
    },
    validateFeeAmount(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('手续费必须是数字'))
      } else {
        callback()
      }
    },
    valServiceFeeAmount(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('基础服务费必须是数字'))
      } else {
        callback()
      }
    },
    valZxServiceFeeAmount(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('尊享服务费必须是数字'))
      } else {
        callback()
      }
    },
    valViolationAmount(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('违章押金必须是数字'))
      } else {
        callback()
      }
    },
    valSendServiceFee(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('送车上门服务费必须是数字'))
      } else {
        callback()
      }
    },
    valPickServiceFee(rule, value, callback) {
      if (isNaN(value) || value < 0) {
        callback(new Error('上门取车服务费必须是数字'))
      } else {
        callback()
      }
    },
    open(info) {
      if (info) {
        this.form = info
        this.form.areaCity = [info.province, this.form.city, this.form.area]

        for (let i = 0; i < this.branchOptions.length; i++) {
          if (this.branchOptions[i].id==info.sid){
            this.$set(this.form,'storeObj',this.branchOptions[i])
            break
          }
        }

        // 将权限字段赋值给对应数据
        this.$nextTick(() => {
          this.$refs.vehicleImg.options.img = this.form.pic;
          this.$refs.vehicleDrivingImg.options.img = this.form.vehDrivingPic;
          this.$refs.vehicleInsuranceImg.options.img = this.form.vehInsurancePic;
          this.$refs.vehicleCheckImg.options.img = this.form.vehCheckPic;
        })
        this.title = '修改车辆'
      } else {
        this.title = '新增车辆'
        this.form = {
          areaCity: '',
          businessHours: '',
          shopTel: '',
          linkman: '',
          ranges: '',
          status: '',
          serviceTel: ''
        }
      }
      this.dialogVisible = true
    },
    cancel() {
      this.dialogVisible = false
      this.form = {
        areaCity: '',
        vehicleDisting: '',
        supplierUnitId: '',
        storeObj: null,
        frameNumber: null,
        id: null,
        uniacid: null,
        sid: null,
        name: null,
        carnum: null,
        colour: null,
        structure: null,
        grarbox: null,
        displacement: null,
        num: null,
        pic: null,
        content: null,
        moneytype: null,
        money: null,
        cartype: null,
        fee: null,
        serviceFee: null,
        zxServiceFee: null,
        rec: null,
        hot: null,
        createtime: null,
        status: null,
        actMoney: null,
        isDel: null,
        subscribeDuration: null,
        openXz: null,
        depositway: null,
        deposit: null,
        distributionOpen: null,
        distributionCommissiontype: null,
        firstmoney: null,
        secondmoney: null,
        thirdmoney: null,
        shopIds: null,
        vehpics: '',
        violationDeposit: null,
        sendServiceFee: null,
        pickServiceFee: null
      }
    }
  }
}
</script>
<style scoped lang="scss">

</style>
